<template>
	<view>
		<view class="guide">
			<view class="header">
				<image class="logo" src="/static/image/logo.png"></image>
				<view class="title">
					<view class="name">雾都爱情 WDlove</view>
					<view class="desc">燕子，沒有你我怎么活啊</view>
				</view>
			</view>
			<view class="btn" @click="goNext()">开启邂逅</view>
		</view>
	</view>
</template>

<script  setup>

const goNext = () => {
	uni.navigateTo({
		url: "/pages/preload/sms-login"
	});
	// // #ifdef MP-WEIXIN
	// uni.navigateTo({
	// 	url: "/pages/preload/index"
	// });
	// // #endif
	//
	// // #ifdef H5 || APP-PLUS
	// uni.navigateTo({
	// 	url: "/pages/preload/sms-login"
	// });
	// // #endif
	
}

</script>

<style lang="scss">
	.guide{
		position: absolute;
		width: 100%;
		min-height: 100%;
		background-image: linear-gradient(to bottom, #ddeafd, #F5F7FA);
		.header{
			display: flex;
			justify-content: center;
			align-items: center;
			/* #ifdef MP-WEIXIN */
			margin-top: 650rpx;
			/* #endif */
			/* #ifdef H5 || APP-PLUS */
			margin-top: 550rpx;
			/* #endif */
			image{
				width: 120rpx;
				height: 120rpx;
				border-radius: 60rpx;
			}
			.title{
				display: flex;
				justify-content: center;
				flex-direction: column;
				margin-left: 20rpx;
				.name{
					font-size: 40rpx;
					font-weight: bold;
					background: radial-gradient(circle farthest-side at center, #2f7df3, #f659c5, #3279e3); /* 渐变色 */
					-webkit-background-clip: text; /* 使用文字作为背景裁剪 */
					color: transparent; /* 文字透明 */
				}
				.desc{
					margin-top: 10rpx;
					font-size: 28rpx;
					background: linear-gradient(to right, #9b1414, #1e9b1e); /* 渐变色 */
					-webkit-background-clip: text; /* 使用文字作为背景裁剪 */
					color: transparent; /* 文字透明 */
				}
			}
		}
		.btn{
			background-color: $lf-bg-pink;
			font-size: 34rpx;
			text-align: center;
			padding: 20rpx 0;
			border-radius: 40rpx;
			color: $lf-text-white;
			font-weight: bold;
			width: 70%;
			margin: 50rpx auto;
		}
	}
</style>
